<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣商城</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
</head>

<body>
    <div class="app-wrap" v-cloak id="evaluate">
        <header-top></header-top>
        <user-top></user-top>
        <div class="bg-gray evaluate_con" style="padding-bottom:60px">
            <common-crumb :crumblist="crumblist" class="order_crumblist"></common-crumb>
            <div class="evaluate container">
                <div class="evaluate_title">订单号：{{orderDetatil.orderNumber}} <span>下单时间：{{orderDetatil.createTime}}</span></div>

                <div class="evaluate_content clear" v-if="orderDetatil.orderProducts" v-for="(item,index) in orderDetatil.orderProducts">
                    <div class="left">
                        <div class="goods_img">
                            <img :src="item.picImg" alt="">
                        </div>
                        <div class="goods_name">{{item.name}}</div>
                    </div>
                    <div class="right">
                        <el-form ref="form" :model="form" label-width="80px">
                            <div v-if="index==0">
                                <el-form-item label=" 商家服务：">
                                    <el-rate  v-model="value1"></el-rate>
                                </el-form-item>
                                <el-form-item label="物流服务：">
                                    <el-rate v-model="value2"></el-rate>
                                </el-form-item>
                            </div>
                            <el-form-item label="商品描述：">
                                <el-rate v-model="valueList[index]"></el-rate>
                            </el-form-item>

                            <el-form-item label="购物心得：">
                                <el-input type="textarea" v-model="form[index]"></el-input>
                            </el-form-item>
                            <el-form-item label="图片信息：">
                                <!-- <el-upload class="avatar-uploader" action="" :show-file-list="false" :on-success="handleAvatarSuccess"
                                  :before-upload="beforeAvatarUpload">
                                  <img v-if="imageUrl" :src="imageUrl" class="avatar">
                                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                                </el-upload>
                                <el-button style="margin-left: 10px;" size="small"  @click="">上传图片</el-button> -->
                                <!-- <common-upimg :preimg="preimg" :testoption="{maxlength:3}"></common-upimg> -->
                                <common-upimg :preimg="preimgList[index]" :testoption="{maxlength:3}"></common-upimg>
                                <div class="el-upload__tip">最多上传3张图片，每张图片大小不超过500kb</div>
                                <el-checkbox v-model="isAnonymityList[index]" style="margin-left:20px;">匿名评价</el-checkbox>
                            </el-form-item>

                        </el-form>
                    </div>
                </div>

                <div class="form_foot">
                    <button @click="save" class="form_foot_btn">提交</button>
                    <button @click="back" class="form_foot_btn">返回</button>

                </div>

            </div>
        </div>

    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        evaluate();
    </script>
</body>

</html>